﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="../css/ProductDetail.css" rel="stylesheet" type="text/css" />
    <link href="/css/style.css" rel="stylesheet" type="text/css" />
    <script src="/js/ie6.js" type="text/javascript"></script>
    <script src="/js/jquery.js" type="text/javascript"></script>
    <script src="/js/scripts.js" type="text/javascript"></script>
    <script src="/js/jscloud.js" type="text/javascript"></script>
    <link href="/css/csscloud.css" rel="stylesheet" type="text/css" />
    <script src="/js/jquery.carouFredSel-2.1.3.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">

        $(function () {
            BOOKS.init({
                xmlPath: "data/books.xml",
                imgPath: "images",
                perView: 4
            });
        });

    </script>
    
</head>
<body class="body">
        
        <div class="nen">
            
                <div class="header">
                    <div class="logo">
                        <img src="../images/logo.png" />
                    </div>
                    <div class="menutop">
                        <ul>
                            <li><a href="#">Trang chủ</a></li>
                            <li><a href="#">Giới thiệu</a></li>
                            <li><a href="#">Tin tức</a></li>
                            <li><a href="#">Hỗ trợ</a></li>
                        </ul>
                        <div class="dangky">
                            <a href="#"><img src="../images/signed.png" style="margin:3px 7px 0 0;"/>Đăng ký</a>
                            <div class="a"></div>
                            <a href="#"><img src="../images/login.png" style="margin:3px 7px 0 0;"/>  Đăng nhập</a> 
                        </div>
                    </div>
                    <div class="headerphone">
                        <div class="phone">
                            <img src="../images/phone.png" style="margin-top:32px; "/><p> (04)668-00-999</p>
                        </div>
                        <div class="search">
                            <input id="Text1" type="text" placeholder="Search" style="width: 192px;height: 29px;margin: 2px 0 0 2px;"/>
                            <input id="Submit1" type="submit" value id="Footer1_button" class="button" />
                        </div>
                    </div>
                    <div class="menu1">
                        <ul>
                            <a href="#"><img src="../images/home_green.png" /></a>
                            <li><a href="#">Xe đạp</a></li>
                            <li><a href="#">Phụ kiện & Đồ chơi</a></li>
                            <li><a href="#">Dịch vụ sửa chữa</a></li>
                            <li><a href="#">Dịch vụ hỗ trợ</a></li>
                            <li><a href="#">Bảo hành</a></li>
                            <li><a href="#">Tin tức</a></li>
                            <li><a href="#">Liên hệ</a></li>
                        </ul>
                    </div>
                   
                </div><!--endheader-->
                
            
             <div class="content">
                <div class="menuleft">
                    <div class="list">
                        <div class="headingleft"><p>Sản phẩm</p></div>
                            <ul>
                                <li><a href="#">Xe đạp gấp</a></li>
                                <li><a href="#">Xe đạp điện</a></li>
                                <li><a href="#">Xe đạp điện gấp</a></li>
                                <li><a href="#">Xe đạp Thể thao</a></li>
                                <li><a href="#">Xe đạp Fixed-Gear</a></li>
                                <li><a href="#">Phụ tùng thay thế</a></li>
                                <li><a href="#">Phụ kiện & Đồ chơi</a></li>
                            </ul>
                        
                    </div>
                    <div class="list">
                        <div class="headingleft"><p>Phân phối độc quyền</p></div>
                        <img src="../images/logo_npp.jpg" />
                    </div>
                    <div class="list">
                        <div class="headingleft"><p>Hỗ trợ thanh toán</p></div>
                        <div class="logobank">
                            <img src="../images/logobank.png" />
                        </div>
                        <div class="logobank">
                            <img src="../images/logobank1.png" /></div>
                        <div class="logobank">
                            <img src="../images/logobank2.png" /></div>
                        <div class="logobank">
                            <img src="../images/logobank.png" />
                        </div>
                        <div class="logobank">
                            <img src="../images/logobank1.png" /></div>
                        <div class="logobank">
                            <img src="../images/logobank2.png" /></div>
                        <div class="logobank">
                            <img src="../images/logobank2.png" /></div>
                    </div>
                    <div class="list">
                        <img src="../images/TopBike---V4.jpg" />
                    </div>
                     <div class="list">
                        <img src="../images/TopBike---V5.jpg" />
                    </div>
                    <div class="clear"></div>
                </div><!--end menuleft-->
                

                <div class="contentright">
                   
                        <div class="detail"></div>
                        <div class="productdetail">
                            <div class="productimg">
                                <img id="img" src="../images/product.jpg" />
                                <div class="detailimg">
                                    <img src="../images/detailimg.png" /></div>
                                <div class="detailimg"><img src="../images/detailimg.png" /></div>
                                <div class="detailimg"><img src="../images/detailimg.png" /></div>
                            </div>
                            <div class="detailtext">
                               <ul>
                                    <li>
                                       <h2> Xe đạp điện gấp TopBike Biz</h2>
                                    </li>
                                    <li>Mã sản phẩm : <span>TN-0983</span></li>
                                    <li>Hãng sản xuất : <span>TopBike</span></li>
                                    <li>Tình trạng : <span>Còn hàng</span></li>
                                    <li style="color: #007310; float:left; padding-bottom:10px ">Màu sắc : 
                                        <div class="color">
                                            <a href="#"><img id ="img" src="../images/color.png" /></a>
                                            <a href="#"><img id="img" src="../images/color1.png" /></a>
                                            <a href="#"><img id="img" src="../images/color2.png" /></a>
                                        </div>
                                    </li>
                                    <li style="color:Red;font-size:24px;font-family:Arial; font-weight:bold">10.560.000 VNĐ</li>
                                    <li style="color: #007310; ">Số lượng : 
                                        <input id="Text3" type="text" style="color: #005baa;width:75px;height:20px; "/></li>
                               </ul>
                               <div class="lienhegiohanh">
                                <div class="giohang"> 
                                    <a href="#"><img src="../images/giohang.png" /></a>
                                </div>
                                <div class="lienhe">
                                    <img src="../images/lienhe.png" />
                                </div>
                               </div>
                            </div>
                        </div>
                      <ul>
                        <li class="newproduct">
                            <div class="heading">
                                <div class="heading1">
                        
                                    <h2 class="heading2">
                                    <span>THÔNG SỐ KỸ THUẬT</span></h2>
                                    <span class="heading3">
                                        <img src="../images/TopBike---V2.png" /></span>
                                        <a href="#" class="prev" style="float:right;margin-right:35px;"><img src="../images/prev.png" width="13px" height="30px" alt="Previous" /></a>
			                            
			                            <a href="#" class="next" style="float:right;margin-right:-26px; margin-top: 2px;"><img src="../images/next.png" width="13px" height="30px" alt="Next" /></a>
                                </div>
                            </div>
                            <div class="info">
                                <p>Frame Detail: <br /> Model Year: 2013<br /> Material: 6061 aluminium tuing, 19.09"</p>
                            </div>
                            <div class="clear"></div>
                        </li>
                    </ul>   
                    <ul>
                        <li class="newproduct">
                            <div class="heading">
                                <div class="heading1">
                        
                                    <h2 class="heading2">
                                    <span>SẢN PHẨM CÙNG LOẠI</span></h2>
                                    <span class="heading3">
                                        <img src="../images/TopBike---V2.png" /></span>
                                        <a href="#" class="prev" style="float:right;margin-right:35px;"><img src="../images/prev.png" width="13px" height="30px" alt="Previous" /></a>
			                            
			                            <a href="#" class="next" style="float:right;margin-right:-26px; margin-top: 2px;"><img src="../images/next.png" width="13px" height="30px" alt="Next" /></a>
                                </div>
                            </div>
                            <div class="product"><img src="../images/spnew.jpg" />
                               <a href="#" >
                                    <p style="color: #0940a7; font-size:13px"> Xe điện gấp Topbike Exeni</p></a>    
                                   <div class="giohang">
                                    <p style="color: #f71010;font-size:13px; font-weight:bold; padding-top:2px">14.560.000</p>  
                                   </div>
                                                                   
                                                          
                            </div>
                            <div class="product"><img src="../images/spnew.jpg" />
                               <a href="#" >
                                    <p style="color: #0940a7; font-size:13px"> Xe điện gấp Topbike Exeni</p></a>    
                                   <div class="giohang">
                                    <p style="color: #f71010;font-size:13px; font-weight:bold; padding-top:2px">14.560.000</p>  
                                   </div>
                            </div>
                            <div class="product"><img src="../images/spnew.jpg" />
                                <a href="#" >
                                    <p style="color: #0940a7; font-size:13px"> Xe điện gấp Topbike Exeni</p></a>    
                                   <div class="giohang">
                                    <p style="color: #f71010;font-size:13px; font-weight:bold; padding-top:2px">14.560.000</p>  
                                   </div>
                            </div>
                            <div class="product"><img src="../images/spnew.jpg" />
                                <a href="#" >
                                    <p style="color: #0940a7; font-size:13px"> Xe điện gấp Topbike Exeni</p></a>    
                                   <div class="giohang">
                                    <p style="color: #f71010;font-size:13px; font-weight:bold; padding-top:2px">14.560.000</p>  
                                   </div>
                            </div>
                            <div class="clear"></div>
                        </li>
                    </ul>
                    <ul>
                        <li class="newproduct">
                            <div class="heading">
                                <div class="heading1">
                        
                                    <h2 class="heading2">
                                    <span>PHỤ KIỆN VÀ ĐỒ CHƠI</span></h2>
                                    <span class="heading3">
                                        <img src="../images/TopBike---V2.png" /></span>
                                        <a href="#" class="prev" style="float:right;margin-right:35px;"><img src="../images/prev.png" width="13px" height="30px" alt="Previous" /></a>
			                            
			                            <a href="#" class="next" style="float:right;margin-right:-26px; margin-top: 2px;"><img src="../images/next.png" width="13px" height="30px" alt="Next" /></a>
                                </div>
                            </div>
                             <div class="product"><img src="../images/spnew.jpg" />
                               <a href="#" >
                                    <p style="color: #0940a7; font-size:13px"> Xe điện gấp Topbike Exeni</p></a>    
                                   <div class="giohang">
                                    <p style="color: #f71010;font-size:13px; font-weight:bold; padding-top:2px">14.560.000</p>  
                                   </div>
                                                                   
                                                          
                            </div>
                            <div class="product"><img src="../images/spnew.jpg" />
                               <a href="#" >
                                    <p style="color: #0940a7; font-size:13px"> Xe điện gấp Topbike Exeni</p></a>    
                                   <div class="giohang">
                                    <p style="color: #f71010;font-size:13px; font-weight:bold; padding-top:2px">14.560.000</p>  
                                   </div>
                            </div>
                            <div class="product"><img src="../images/spnew.jpg" />
                                <a href="#" >
                                    <p style="color: #0940a7; font-size:13px"> Xe điện gấp Topbike Exeni</p></a>    
                                   <div class="giohang">
                                    <p style="color: #f71010;font-size:13px; font-weight:bold; padding-top:2px">14.560.000</p>  
                                   </div>
                            </div>
                            <div class="product"><img src="../images/spnew.jpg" />
                                <a href="#" >
                                    <p style="color: #0940a7; font-size:13px"> Xe điện gấp Topbike Exeni</p></a>    
                                   <div class="giohang">
                                    <p style="color: #f71010;font-size:13px; font-weight:bold; padding-top:2px">14.560.000</p>  
                                   </div>
                            </div>
                            <div class="clear"></div>
                        </li>
                    </ul>
                </div><!--end contentright-->
            </div><!--end content-->
            <div class="clear"></div>

        </div><!--end nen-->
        <div class="footer">
        <div class="footer_info">
            <div class="footer_contact">
                <h2 style="color: #2d2d2d;margin: 40px 0 0 50px;"> LIÊN HỆ</h2>
                <ul>
                    <li>
                        <img src="../images/tel.png" /> Hotline: 0974.563.891</li>
                        <li>
                        <img src="../images/messages.png" /> Email: info@topbike.vn</li>
                        <li>
                        <img src="../images/adress.png" /> Số 60-Ngõ Thịnh Hào 1 <br />  -Quận Đống Đa -Hà Nội</li>
                </ul>
            </div>
            <div class="ngan"></div>
            <div class="footer_contact">
                <h2 style="color: #2d2d2d;margin: 40px 0 0 35px;">HƯỚNG DẪN MUA HÀNG</h2>
                <ul>
                    <li><a href="#">
                        <img src="../images/TopBike---V9.png" style="margin:7px"/>Hướng dẫn mua hàng online</a></li>
                    <li><a href="#">
                        <img src="../images/TopBike---V9.png" style="margin:7px"/>Trợ giúp thông tin</a></li>
                    <li><a href="#">
                        <img src="../images/TopBike---V9.png" style="margin:7px"/>Hình thức thanh toán</a></li>
                    <li><a href="#">
                        <img src="../images/TopBike---V9.png" style="margin:7px"/>Hình thức mua hàng</a></li>
                </ul>
            </div>
            <div class="ngan"></div>
            <div class="footer_contact">
                <h2 style="color: #2d2d2d;margin: 40px 0 0 30px;">CHÍNH SÁCH VÀ QUY ĐỊNH</h2>
                <ul>
                    <li><a href="#">
                        <img src="../images/TopBike---V9.png" style="margin:7px"/>Chính sách vận chuyển</a></li>
                    <li><a href="#">
                        <img src="../images/TopBike---V9.png" style="margin:7px"/>Chính sách bảo hành</a></li>
                    <li><a href="#">
                        <img src="../images/TopBike---V9.png" style="margin:7px"/>Chính sách đổi hàng</a></li>
                    <li><a href="#">
                        <img src="../images/TopBike---V9.png" style="margin:7px"/>Dịch vụ sửa chữa</a></li>
                        <li><a href="#">
                        <img src="../images/TopBike---V9.png" style="margin:7px"/>Quy định thanh toán</a></li>
                    <li><a href="#">
                        <img src="../images/TopBike---V9.png" style="margin:7px"/>Quy đinh đặt hàng</a></li>
                </ul>
            </div>
            <div class="ngan"></div>
            <div class="footer_contact">
                <h2 style="color: #2d2d2d;margin: 40px 0 0 35px;">LET'S BE FRIENDS</h2>
                <img src="../images/TopBike---V10.png" style="margin: 10px 0 0 26px" />
                <h2 style="color: #2d2d2d;margin: 23px 0 0 35px;">Subscribe</h2>
                <li style="list-style: none;font-size: 13px;margin-left: 28px;">Get free product update & specials!</li>
                <div class="submit">
                    <input id="Text2" type="text" placeholder="Submit" style="width: 175px;height: 16px;margin: 2px 0 0 2px;"/>
                            <input id="Submit2" type="submit" value id="Footer1_button" class="buttonsubmit" />
                </div>
                
            </div>
        </div>
            <div class="footer_adress">
                <p>Bản quyền 2013 XE ĐẠP TOPBIKE, Đ/C: Số 60-Ngõ Thịn Hảo 1 -Quận Đống Đa -Hà Nội Tel: 0822.217.014-Hotline: 0989.343.668/091.396.1613-Email: lucanhquan90@gmail.com</p>
            </div>
        </div><!--end footer-->
        
   
</body>
</html>